<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="keywords" content="关键字">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="descrition" content="网页描述">
    <link rel="stylesheet" href="/code/web/lib/css/bootstrap.css">
    <script src="/code/web/lib/js/bootstrap.bundle.js"></script>
    <!-- <script src="/code/web/lib/js/echarts.js"></script> -->
    <link rel="stylesheet" href="index.css">
    <title>小鱼儿新闻网-新闻中心</title>

    <head>

    <body>
        <div class="main">
            <div class="topbar">
            </div>
            <div class="box">
                <div class="newsbg">
                    <div class="searchcontainer">
                        <input type="text" placeholder="请输入关键字" id="newsSearch">
                        <ul class="list-group">
                            <!-- <li class="list-group-item">An item</li>
                            <li class="list-group-item">A second item</li>
                            <li class="list-group-item">A third item</li>
                            <li class="list-group-item">A fourth item</li>
                            <li class="list-group-item">And a fifth one</li> -->
                        </ul>
                    </div>
                </div>
                <div class="cardContainer">
                </div>
                <div class="newstab">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active tab-link" id="home-tab" data-bs-toggle="tab"
                                data-bs-target="#tab0" type="button" role="tab" aria-controls="home-tab-pane"
                                aria-selected="true">最新动态</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link tab-link" id="profile-tab" data-bs-toggle="tab"
                                data-bs-target="#tab1" type="button" role="tab" aria-controls="profile-tab-pane"
                                aria-selected="false">典型案例</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link tab-link" id="contact-tab" data-bs-toggle="tab"
                                data-bs-target="#tab2" type="button" role="tab" aria-controls="contact-tab-pane"
                                aria-selected="false">通知公告</button>
                        </li>
                        <!-- <li class="nav-item" role="presentation">
                          <button class="nav-link" id="disabled-tab" data-bs-toggle="tab" data-bs-target="#disabled-tab-pane" type="button" role="tab" aria-controls="disabled-tab-pane" aria-selected="false" disabled></button>
                        </li> -->
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <ul class="tab-pane fade show active tab" id="tab0" role="tabpanel" aria-labelledby="home-tab"
                            tabindex="0">123</ul>
                        <ul class="tab-pane fade tab" id="tab1" role="tabpanel" aria-labelledby="profile-tab"
                            tabindex="0">456</ul>
                        <ul class="tab-pane fade tab" id="tab2" role="tabpanel" aria-labelledby="contact-tab"
                            tabindex="0">789</ul>
                        <!-- <div class="tab-pane fade" id="disabled-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0">...</div> -->
                    </div>
                </div>
            </div>
        </div>
        <script src="index.js" type="module">
        </script>
        </div>
    </body>

</html>